<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover" />
		<title>智慧物业一期</title>
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../css/swiper-4.3.5.min.css" />
		<link rel="stylesheet" type="text/css" href="../css/pages/home.css" />
	</head>
  
	<body>   
		<div id="app" class="app-content">
			<div class="header-bg">
				<div class="height-bg-color"></div>
				<!--
							作者：1169774483@qq.com  
							时间：2018-08-14
							描述：头部
						-->
				<div class="header"> 
					<div class="title" v-text="neiName"  @click="enterpriseIntro"></div>
					<div class="setting" @click="switchhousing">
						<span class="mui-icon mui-icon-gear"></span>
						切换房屋</div>
				</div>
				<!--
            	作者：1169774483@qq.com
            	时间：2018-08-14
            	描述：功能模块
				-->
				<div class="module-list">
					<div class="list-item" v-for="item in modules" @click="modulesTap(item)">
						<div class="icon">
							<img :src="item.imgSrc" />
						</div>
						<p class="title" v-text="item.title"></p>
					</div>
				</div>
				<!--
            	作者：1169774483@qq.com
            	时间：2018-08-14
            	描述：通知公告
            -->
				<div class="annunciate" @click="annunciateTap">
					<div class="title">
						<span>通 知</span>
						<span>公 告</span>
					</div>
					<div class="line"></div>
					<div class="details">
						<span v-for="item in annunciate" v-text="item.pnTitle"></span>
					</div>
				</div>
			</div>
			<!--
        作者：1169774483@qq.com
        时间：2018-08-14
        描述：轮播图
    -->
			<div class="swiper" @click="onEnterpriseNews">
				<div class="swiper-container">
					<div class="swiper-wrapper">
						<div class="swiper-slide" v-for="item in swiper">
							<img class="swiper-img" :src="item.path" />
						</div>
					</div>
					<!-- 如果需要分页器 -->
					<div class="swiper-pagination"></div>
				</div>
			</div>
			<!--
            	作者：1169774483@qq.com
            	时间：2018-08-14
            	描述：友邻社区
            -->
			<div style="height: 15px;background-color: #F6F6F6;"></div>
			<div class="community-content">
				<div class="community-title">友邻社区</div>
				<!--
            描述：小区活动
        -->
				<div class="activity p-b-15">
					<div class="title-warpper m-b-15">
						<span class="title">小区活动</span>
						<div class="more" @click="More('activity')">更多
							<span class="mui-icon mui-icon-forward"></span>
						</div>
					</div>
					<div class="list">
						<div class="item m-b-15" v-for="item in activity" @click="activityClick(item.actID)">
							<div class="item-title">
								<span v-if="item.actStatus == 1" style="color: #fcc747;">未开始</span>
								<span v-if="item.actStatus == 2" style="color: #DD524D;">进行中</span>
								<span v-if="item.actStatus == 3" style="color: #999;">已结束</span>
								<span>#</span>
								<span v-text="item.actTitle"></span>
							</div>
							<div class="item-image">
								<img class="item-br" :src="item.filesPath" />
							</div>
							<div class="item-desc">
								<div class="item-time">
									<img src="../images/timg.png">
									<span>{{item.actStartTime | dateFormat}} — {{item.actEndTime | dateFormat}}</span>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!--
                	描述：二手之家
                -->
				<div class="second-hand p-b-15">
					<div class="title-warpper m-b-15">
						<span class="title">二手之家</span>
						<div class="more" @click="More('secondHand')">更多
							<span class="mui-icon mui-icon-forward"></span>
						</div>
					</div>
					<div class="list">
						<div class="item m-b-20" v-for="item in secondHand" @click="secondHandClick(item)">
							<div class="item-title" v-text="item.usecTitle"></div>
							<div class="item-price">
								<span class="font-12">￥</span>{{item.usecPrice}}</div>
							<div class="item-image">
								<img class="big-image" :src="item.filesList[0].filesPath">
								<div class="little-image">
									<img v-if="item.filesList[1].filesPath" :src="item.filesList[1].filesPath">
									<img v-if="item.filesList[2].filesPath" :src="item.filesList[2].filesPath">
								</div>
							</div>
							<div class="user-desc">
								<img class="user-img" :src="item.icon || '../images/user/moren.png '">
								<div class="user">
									<span class="font-c-41">{{item.periNickname || '小区住户' }}</span>
									<span class="font-c-7f">{{item.pageView}}人预览</span>
								</div>
							</div>
						</div>
					</div>
				</div>

				<!--
                	描述：精彩生活
                -->
				<div class="moments">
					<div class="title-warpper p-b-15">
						<span class="title">精彩生活</span>
						<div class="more" @click="More('share')">更多
							<span class="mui-icon mui-icon-forward"></span>
						</div>
					</div>
					<div class="list">
						<div class="item p-b-20" v-for="item in moments" @click="momentsClick(item.dynID)">
							<!--用户头像-->
							<div class="item-portrait">
								<img :src="item.icon || '../images/user/moren.png '"  alt="" />
							</div>
							<div class="item-desc">
								<!--用户昵称-->
								<div class="desc-header m-b-10">
									<div class="user">
										<span class="user-name" v-text="item.periNickname || '小区住户' "></span>
									</div>
									<!--发布时间-->
									<div class="desc-time">{{item.dynCD | timeago}}</div>
								</div>
								<!--发布文本内容-->
								<div class="desc-text m-b-10" v-text="item.dynDetails"></div>
								<!--发布的图片-->
								<div class="desc-image">
									<img v-for="(son,index) in item.filesList" v-if="item.filesList && item.filesList.length == 1" class="image-1"
									 :src="son.filesPath" />
									<img v-for="(son,index) in item.filesList" v-if="item.filesList && item.filesList.length == 2" class="image-2"
									 :src="son.filesPath" />
									<img v-for="(son,index) in item.filesList" v-if="item.filesList && item.filesList.length > 2" class="image-3"
									 :src="son.filesPath" />
								</div>
								<!--点赞和评论数-->
								<div class="operation-warpper">
									<div class="comment">
										<img src="neighbor/images/pinglun.png">{{item.commentNumber}}
									</div>
									<div class="like">
										<img :src="item.isLike==0?'neighbor/images/zan_n.png': 'neighbor/images/zan_y.png' "> {{item.likeNumber}}
									</div>
								</div>
								<!--评论内容-->
								<div class="comment-content m-b-10 p-t-10" v-if="item.commentNumber!=0">
									<div class="comment-item" v-for="son in item.dynCommentsList">
										<span class="item-name">{{son.periNickname || '某吃瓜群众'  }}：</span>
										<span class="item-text">{{son.comDetails}}</span>
									</div>
									<div class="more">查看全部{{item.commentNumber}}条评论
										<span class="mui-icon mui-icon-arrowright"></span>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- 弹出提示框 -->
			<!-- <div class="pop-up"></div> -->
		</div>
		<!-- </div> -->
		<div class="bottom-bow"></div>
		<script src="../js/Width.js"></script>
		<script src="../js/mui.min.js"></script>
		<script src="../js/vue.js"></script>
		<script src="../js/swiper-4.3.5.min.js"></script>
		<script src="../js/app.js"></script>
		<script src="../js/Util.js"></script>
		<script src="https://cdn.bootcss.com/fastclick/1.0.6/fastclick.min.js"></script>
		<script>
			mui.init()
			var mySwiper;
			mui.plusReady(function() {
				if (!mui.os.android) {
					FastClick.attach(document.body);
				}
				//设置
				var state = app.getState();
				plus.navigator.setStatusBarStyle("dark")
				downCallback() // 获取首页数据 
				var self = plus.webview.currentWebview();
				

// 				plus.geolocation.getCurrentPosition(function(p) {
// 					vm.address = p.address
// 				}, function(e) {
// 					mui.toast('无法获取当前定位')
// 				});

				self.setPullToRefresh({
					support: true,
					height: '50px',
					range: '200px',
					contentdown: {
						caption: '下拉可以刷新'
					},
					contentover: {
						caption: '释放立即刷新'
					},
					contentrefresh: {
						caption: '正在刷新...'
					}
				}, function() {
					plus.device.vibrate(150);
					downCallback()
					self.endPullToRefresh();
				});
			})


			window.addEventListener('oNreturn', function() {
				downCallback()
			})


			var vm = new Vue({
				el: '#app',
				data: {
					modules: [{
						title: '企业简介',
						imgSrc: '../images/home/lianxi.png',
						url: 'home/intro.html'
					},{
						state: false,
						title: '智能缴费',
						imgSrc: '../images/home/jiaofei.png',
						url: 'home/PropertyPayCost/PropertyPayCost.html'
					}, {
						state: true,
						title: '投诉报修',
						imgSrc: '../images/home/baoxiu.png',
						url: 'home/repairs/repairs.html'
					}, {
						state: false,
						title: '便民服务',
						imgSrc: '../images/home/bianmin.png',
						url: 'home/service/service.html'
					}],
					neiName: '',
					address: {},
					annunciate: [], // 通告
					newsList: [],
					swiper: [], // 轮播图
					activity: [], // 活动
					secondHand: [], // 二手
					moments: [] //朋友圈
				},
				filters: {
					timeago: function(value) {
						return Util.timeago(value)
					},
					dateFormat: function(value) {
						var list = value.split(" ")
						var _list = list[0].split("-")
						return _list[1] + '月' + _list[2] + '日' + " " + list[1]
					}
				},
				updated: function() {
					// console.log(this.address.city)
				},
				methods: {
					enterpriseIntro: function () {
						mui.openWindow({
							url: 'home/intro.html',
							id: 'intro.html',
							waiting: {
								autoShow: false
							},
							extras: {
								type:2
							}
						})
					},
					modulesTap: function(item) {
						var that = this
						if (item.url) {
							var styles = { // 窗口参数 参考5+规范中的WebviewStyle,也就是说WebviewStyle下的参数都可以在此设置
								titleNView: { // 窗口的标题栏控件
									titleText: item.state ? item.title : "", // 标题栏文字,当不设置此属性时，默认加载当前页面的标题，并自动更新页面的标题         
									backgroundColor: "#ffffff", // 控件背景颜色,颜色值格式为"#RRGGBB",默认值为"#F7F7F7"
									autoBackButton: true
								}
							}
							if (item.state) {
								styles.titleNView.buttons = [{
									text: "历史",
									color: '#4FA7E6',
									float: 'right',
									fontSize: '16px',
									onclick: that.clickButton
								}]
							}
							mui.openWindow({
								url: item.url,
								id: item.url,
								styles: styles,
								waiting: {
									autoShow: false
								}
							})
						} else {
							mui.alert(item.title + '的功能暂未开发')
						}
					},

					settingTap: function() { //设置
						mui.openWindow({
							url: '../register/setting/setting.html',
							id: 'setting',
							styles: { // 窗口参数 参考5+规范中的WebviewStyle,也就是说WebviewStyle下的参数都可以在此设置
								titleNView: { // 窗口的标题栏控件
									titleText: "设置", // 标题栏文字,当不设置此属性时，默认加载当前页面的标题，并自动更新页面的标题         // 字体颜色,颜色值格式为"#RRGGBB",默认值为"#000000"
									titleSize: "17px", // 字体大小,默认17px
									backgroundColor: "#ffffff", // 控件背景颜色,颜色值格式为"#RRGGBB",默认值为"#F7F7F7"
									autoBackButton: true
								}
							},
							waiting: {
								autoShow: false
							}
						})
					},

					activityClick: function(id) { // 跳转活动详情
						mui.openWindow({
							url: 'neighbor/activity/details.html',
							id: 'details.html',
							styles: { // 窗口参数 参考5+规范中的WebviewStyle,也就是说WebviewStyle下的参数都可以在此设置
								titleNView: { // 窗口的标题栏控件
									titleText: "活动详情", // 标题栏文字,当不设置此属性时，默认加载当前页面的标题，并自动更新页面的标题         // 字体颜色,颜色值格式为"#RRGGBB",默认值为"#000000"
									titleSize: "17px", // 字体大小,默认17px
									backgroundColor: "#ffffff", // 控件背景颜色,颜色值格式为"#RRGGBB",默认值为"#F7F7F7"
									autoBackButton: true
								}
							},
							extras: {
								actID: id,
							},
						})
					},

					secondHandClick: function(item) { // 二手商品活动详情
						mui.openWindow({
							url: 'neighbor/secondHand/details.html',
							id: 'details.html',
							styles: { // 窗口参数 参考5+规范中的WebviewStyle,也就是说WebviewStyle下的参数都可以在此设置
								titleNView: { // 窗口的标题栏控件
									titleText: "宝贝详情", // 标题栏文字,当不设置此属性时，默认加载当前页面的标题，并自动更新页面的标题         // 字体颜色,颜色值格式为"#RRGGBB",默认值为"#000000"
									titleColor: "#414141",
									titleSize: "17px", // 字体大小,默认17px
									backgroundColor: "#ffffff", // 控件背景颜色,颜色值格式为"#RRGGBB",默认值为"#F7F7F7"
									autoBackButton: true
								}
							},
							extras: {
								detailID: item.usecID,
							},
							waiting: {
								autoShow: false
							}
						})
					},
					momentsClick: function(dynID) { //跳转到 评论详情页,
						mui.openWindow({
							url: 'neighbor/share/details.html',
							id: 'details.html',
							styles: { // 窗口参数 参考5+规范中的WebviewStyle,也就是说WebviewStyle下的参数都可以在此设置
								titleNView: { // 窗口的标题栏控件
									titleText: "详情", // 标题栏文字,当不设置此属性时，默认加载当前页面的标题，并自动更新页面的标题         // 字体颜色,颜色值格式为"#RRGGBB",默认值为"#000000"
									titleSize: "17px", // 字体大小,默认17px
									backgroundColor: "#ffffff", // 控件背景颜色,颜色值格式为"#RRGGBB",默认值为"#F7F7F7"
									autoBackButton: true
								}
							},
							extras: {
								dynID: dynID,
							},
							waiting: {
								autoShow: false
							}
						})
					},

					clickButton: function() { // 历史详情
						mui.openWindow({
							url: 'home/repairs/repairsRecords.html',
							id: 'repairsRecords',
							styles: { // 窗口参数 参考5+规范中的WebviewStyle,也就是说WebviewStyle下的参数都可以在此设置
								titleNView: { // 窗口的标题栏控件
									titleText: " ", // 标题栏文字,当不设置此属性时，默认加载当前页面的标题，并自动更新页面的标题         // 字体颜色,颜色值格式为"#RRGGBB",默认值为"#000000"
									titleSize: "17px", // 字体大小,默认17px
									backgroundColor: "#ffffff", // 控件背景颜色,颜色值格式为"#RRGGBB",默认值为"#F7F7F7"
									autoBackButton: true
								}
							},
							waiting: {
								autoShow: false
							}
						})
					},



					annunciateTap: function() {
						mui.openWindow({
							url: 'home/notice/list.html',
							id: 'home/notice/list.html',
							waiting: {
								autoShow: false
							}
						})
					},
					onEnterpriseNews: function () {
						mui.openWindow({
							url: 'home/news/list.html',
							id: 'home/news/list.html',
							waiting: {
								autoShow: false
							}
						})
					},
					More: function(type) {
						mui.openWindow({
							url: 'neighbor/' + type + '/list.html',
							id: type,
							waiting: {
								autoShow: false
							}
						})
					},
					
					switchhousing:function(){
						console.log('1111')
						mui.openWindow({
							url: 'user/myhous.html',
							id: 'myhous',
							styles: { // 窗口参数 参考5+规范中的WebviewStyle,也就是说WebviewStyle下的参数都可以在此设置
								titleNView: { // 窗口的标题栏控件
									titleText: "房屋信息", // 标题栏文字,当不设置此属性时，默认加载当前页面的标题，并自动更新页面的标题         // 字体颜色,颜色值格式为"#RRGGBB",默认值为"#000000"
									titleSize: "17px", // 字体大小,默认17px
									backgroundColor: "#ffffff", // 控件背景颜色,颜色值格式为"#RRGGBB",默认值为"#F7F7F7"
									splitLine: { // 标题栏控件的底部分割线，类似borderBottom
										color: "#eeeeee", // 分割线颜色,默认值为"#CCCCCC"  
										height: "1px"// 分割线高度,默认值为"2px"
									}
								}
							},
							show: {
								aniShow: 'pop-in'
							},
							waiting: {
								autoShow: false
							}
						})
					}
				}
			})
			
			

			function downCallback() {
				var neiID = Util.getState('hosing').neiID
				if(!neiID) {
					hous()
					return
				}
				mui.post(Util.HTTP + 'api/Home/GetHome', {
					neiID: neiID,
					userID: Util.getState('$state').userID
				}, function(res) {
					if (res.code == 1001) {
						vm.annunciate = res.data.noticeList.slice(0, 2) // 通告
						vm.swiper = res.data.newsList // 轮播图
						vm.activity = res.data.activityList // 活动
						vm.secondHand = res.data.usedCommodityList // 二手
						vm.moments = res.data.dynamicsList //朋友圈
						vm.neiName = res.data.neiName
						vm.$nextTick(function() {
							mySwiper = new Swiper('.swiper-container', {
								loop: true,
								preventClicks: false, //默认true
								autoplay: {
									delay: 3000,
								}, //等同于以下设置
								// 如果需要分页器
								pagination: {
									el: '.swiper-pagination',
								}
							})
						})
						if(res.data.isPerInf == 0) {
							plus.nativeUI.confirm('您当前的资料尚未完善，请前去完善',function(e){
							if (e.index == 1){
								mui.openWindow({
									url: 'user/myData.html',
									id: 'myData',
									styles: { // 窗口参数 参考5+规范中的WebviewStyle,也就是说WebviewStyle下的参数都可以在此设置
										titleNView: { // 窗口的标题栏控件
											titleText: "个人信息", // 标题栏文字,当不设置此属性时，默认加载当前页面的标题，并自动更新页面的标题         // 字体颜色,颜色值格式为"#RRGGBB",默认值为"#000000"
											titleSize: "17px", // 字体大小,默认17px
											backgroundColor: "#ffffff", // 控件背景颜色,颜色值格式为"#RRGGBB",默认值为"#F7F7F7"
											autoBackButton: true,
											buttons: [{
												text: "设置",
												fontSize: "17px",
												color: '#4FA7E6',
												onclick: settingButton
											}]
										}
									},
									waiting: {
										autoShow: false
									}
								})
							}
							},{
								buttons: ['稍后再说', '好的']
							})
						}
					} else {
						mui.toast(res.message)
					}
				})
			}
			
			function hous() {
					mui.openWindow({
						url: 'user/myhous.html',
						id: 'myhous',
						styles: { // 窗口参数 参考5+规范中的WebviewStyle,也就是说WebviewStyle下的参数都可以在此设置
							titleNView: { // 窗口的标题栏控件
								titleText: "房屋信息", // 标题栏文字,当不设置此属性时，默认加载当前页面的标题，并自动更新页面的标题         // 字体颜色,颜色值格式为"#RRGGBB",默认值为"#000000"
								titleSize: "17px", // 字体大小,默认17px
								backgroundColor: "#ffffff", // 控件背景颜色,颜色值格式为"#RRGGBB",默认值为"#F7F7F7"
								autoBackButton: true,
								splitLine: { // 标题栏控件的底部分割线，类似borderBottom
									color: "#eeeeee", // 分割线颜色,默认值为"#CCCCCC"  
									height: "1px"// 分割线高度,默认值为"2px"
								}
							}
						},
						show: {
							aniShow: 'pop-in'
						},
						waiting: {
							autoShow: false
						}
					})
			}
			
			function settingButton () {
				mui.openWindow({
					url: '../register/setting/setting.html',
					id: 'setting',
					styles: { // 窗口参数 参考5+规范中的WebviewStyle,也就是说WebviewStyle下的参数都可以在此设置
						titleNView: { // 窗口的标题栏控件
							titleText: "设置", // 标题栏文字,当不设置此属性时，默认加载当前页面的标题，并自动更新页面的标题         // 字体颜色,颜色值格式为"#RRGGBB",默认值为"#000000"
							titleSize: "17px", // 字体大小,默认17px
							backgroundColor: "#ffffff", // 控件背景颜色,颜色值格式为"#RRGGBB",默认值为"#F7F7F7"
							autoBackButton: true
						}
					},
					waiting: {
						autoShow: false
					}
				})
			}
			
		</script>
	</body>

</html>